export const day01_05 = () => {
    const buttonClick = (parama1: any, parama2?: any) => {
        console.log('paramas', parama1, parama2)
    }
    return (
        <div>
            <h3>05_事件绑定</h3>
            <div>
                {/* 无参数带入时 函数默认参数为e */}
                <button onClick={buttonClick}>Button1</button>
            </div>
            <div>
                {/* 自定义参数时 需要箭头函数 */}
                <button onClick={() => buttonClick(`Jack`)}>Button2</button>
            </div>
            <div>
                {/* 自定义参数时切需要事件对象e 需要箭头函数+自定义参数+事件对象 */}
                <button onClick={e => buttonClick(`Jack`, e.target)}>Button3</button>
            </div>
        </div>
    )
}
